<template>
	<view>
		<view class="p-b-140">
			<view class="m-t-50" v-if="list.length === 0">
				<u-empty></u-empty>
			</view>
			<view class="w-700 m-l-25 m-r-25 b_bai br-20 m-t-30" v-for="(item,index) in list" :key="index" v-else>
				<view class="d_flex h-170 w-650 p-l-25 p-r-25 borderB d_flex_items_center d_flex_between">
					<view class="d_flex d_flex_items_center">
						<view>
							<image :src="item.product.avatar" class="w-90 h-90"></image>
						</view>
						<view class="p-l-25">
							<view class="f-32 color333 f-wb">类型:{{item.cartype}}</view>
							<view class="m-t-10">
								<u-rate :current="item.product.star" :disabled="true" active-color="#ff7a1f" size="25"></u-rate>
								<text class="color999 f-22 m-l-10">{{item.product.star}}分</text>
							</view>
						</view>
					</view>
					<view class="items-price f-32">￥{{item.money}}</view>
					<view class="items-btn" @click="orders(item.id)">接单</view>
				</view>
				<view class="d_flex d_flex_between d_flex_wrap p-l-25 p-r-25 w-650 color666 f-24">
					<view class="w-325 p-t-25">
						<u-icon name="man-add" color="#2979ff" size="28"></u-icon>
						<text class="p-l-10">昵称：{{item.product.nickname}}</text>
					</view>
				</view>
				<view class="d_flex d_flex_between d_flex_wrap p-l-25 p-r-25 w-650 color666 f-24">
					<view class="w-325 p-t-25">
						<u-icon name="bookmark" color="#2979ff" size="28"></u-icon>
						<text class="p-l-10">距离：{{item.distance}}公里</text>
					</view>
					<view class="w-325 p-t-25">
						<u-icon name="bell" color="#2979ff" size="28"></u-icon>
						<text class="p-l-10">工作时长：{{item.worktime}}</text>
					</view>
				</view>
				<view class="color666 f-24 p-l-25 p-r-25 p-t-25">
					<u-icon name="clock" color="#2979ff" size="28"></u-icon>
					<text class="p-l-10">施工时间：{{item.worktimestart}} 至 {{item.worktimeend}}</text>
				</view>
				<view class="color666 f-24 p-l-25 p-r-25 p-t-25 ">
					<u-icon name="map" color="#2979ff" size="28"></u-icon>
					<text class="p-l-10">施工地点：{{item.workplace}}</text>
				</view>
				<view class="color666 f-24 p-25 ">
					<u-icon name="car" color="#2979ff" size="28"></u-icon>
					<text class="p-l-10">取车位置：{{item.carnowaddress}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			list:Array
		},
		methods:{
			orders(id){
				this.$emit('orders',id)
			}
		}
	}
</script>

<style lang="scss">
	.items-price{
		color:#ff7a1f;
	}
	.items-btn{
		border:1px solid #0055fe;
		border-radius: 40rpx;
		color:#0055fe;
		text-align: center;
		width: 130rpx;
		height:60rpx;
		line-height: 60rpx;
		font-size: 30rpx;
	}
</style>
